<template>
    <th class="ph-th">
        <div :style="{width:width}"><slot></slot></div>
    </th>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    props:{
        width:{type:String}
    }
})
</script>

<style lang="scss">
.ph-th{
    flex: 0 0 auto;
    border-width:1px;
    border-color:var(--ph-bd-light);
    border-style:solid;
    background-color:var(--ph-light-l1);
    position: relative;
    & > div{
        padding:var(--ph-10) var(--ph-15);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
    }
}
</style>
